<!-- <div class="card text-center">
    <div class="card-header">
      模拟主页面
    </div>
    <div class="card-body">
      <h5 class="card-title">Special title treatment</h5>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
    <div class="card-footer text-muted">
      {{currentData | date: "yyyy-MM-dd HH:mm:ss"}}
    </div>
  </div> -->
  <nz-layout>
    <nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzTrigger]="triggerTemplate">
      <div class="logo">
      </div>
      <ul nz-menu [nzTheme]="'dark'" [nzMode]="'inline'" [nzInlineCollapsed]="isCollapsed">
        <li nz-submenu>
          <span title><i class="anticon anticon-user"></i><span class="nav-text">User</span></span>
          <ul>
            <li nz-menu-item>
              <a [routerLink]="['/home/user/userHome']">用户主页</a>
            </li>
            <li nz-menu-item>
              <a [routerLink]="['/home/user/userList']">用户列表</a>
            </li>
            <li nz-menu-item>
              <a [routerLink]="['/home/user/userDetail']">用户列表</a>
            </li>
          </ul>
        </li>
        <li nz-submenu>
          <span title><i class="anticon anticon-team"></i><span class="nav-text">Team</span></span>
          <ul>
            <li nz-menu-item>Team 1</li>
            <li nz-menu-item>Team 2</li>
          </ul>
        </li>
        <li nz-menu-item><span><i class="anticon anticon-file"></i><span class="nav-text">File</span></span></li>
      </ul>
    </nz-sider>
    <nz-layout>
      <nz-header style="background: #fff; padding:0;">
        <i class="anticon trigger" [class.anticon-menu-fold]="!isCollapsed" [class.anticon-menu-unfold]="isCollapsed" (click)="isCollapsed=!isCollapsed"></i>
      </nz-header>
      <nz-content style="margin:0 16px;">
        <nz-breadcrumb style="margin:16px 0;">
          <nz-breadcrumb-item>User</nz-breadcrumb-item>
          <nz-breadcrumb-item>Bill</nz-breadcrumb-item>
        </nz-breadcrumb>
        <div style="padding:24px; background: #fff; min-height: 360px;">
          
          》 主页面
          <router-outlet></router-outlet>

        <!-- 模拟内容 start  -->
        <!-- <div class="card text-center">
          <div class="card-header">
            模拟主页面
          </div>
          <div class="card-body">
            <h5 class="card-title">Special title treatment</h5>
            <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
            <a href="#" class="btn btn-primary">Go somewhere</a>
          </div>
          <div class="card-footer text-muted">
            {{currentData | date: "yyyy-MM-dd HH:mm:ss"}}
          </div>
        </div>
        <div class="card text-center">
          <div class="card-header">
            模拟主页面
          </div>
          <div class="card-body">
            <h5 class="card-title">Special title treatment</h5>
            <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
            <a href="#" class="btn btn-primary">Go somewhere</a>
          </div>
          <div class="card-footer text-muted">
            {{currentData | date: "yyyy-MM-dd HH:mm:ss"}}
          </div>
        </div>
          <div class="card text-center">
    <div class="card-header">
      模拟主页面
    </div>
    <div class="card-body">
      <h5 class="card-title">Special title treatment</h5>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
    <div class="card-footer text-muted">
      {{currentData | date: "yyyy-MM-dd HH:mm:ss"}}
    </div>
  </div>
  <div class="card text-center">
    <div class="card-header">
      模拟主页面
    </div>
    <div class="card-body">
      <h5 class="card-title">Special title treatment</h5>
      <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
      <a href="#" class="btn btn-primary">Go somewhere</a>
    </div>
    <div class="card-footer text-muted">
      {{currentData | date: "yyyy-MM-dd HH:mm:ss"}}
    </div>
  </div> -->
 <!-- 模拟内容 end -->

        </div>
      </nz-content>
      <nz-footer style="text-align: center;">庠序 &copy; 川渝足智</nz-footer>
    </nz-layout>
  </nz-layout>
  <ng-template #trigger>
    <i class="anticon anticon-up"></i>
  </ng-template>